<div class="col-xs-12 p0 r0" ng-init="getBugDetail()" ng-controller="userBugCtrl">
        <div class="col-xs-12 main-nav">
            <div class="btn-group btn-group-sm r3 fl mr10">
                <button class="btn btn-default" ng-click="goBack()" type="button">
                    <i class="iconfont mt-3">&#xe697;&nbsp;</i>返回
                </button>
            </div>

            <span class="mr10 f12 btn bug-status-{{bugVO.status}}"  crap-name="status"
                  id="status" crap-def="{{bugVO.status}}" crap-id="{{bugVO.id}}" crap-class-pre="bug-status"
                  onclick="loadBugPick(this, event,120,290,'BUG_STATUS')">
                        状态：
                        <span id="status-text">{{bugVO.statusStr}}</span>
                        <i class="iconfont mt-3">&#xe614;</i>
            </span>

            <button type="button" ng-click="addBug()" ng-class="{true: 'btn btn-adorn btn-sm', false:'none'}[bugVO.isAdd == true]">
                <i class="iconfont f12 mt-3">&#xe747; 保存</i>
            </button>
        </div>

        <div class="col-xs-7 p20 mt60">
            <div class="BGFFF p20">
                <div class="dashed-b mb10">
                    <input class="form-control f14 fb bug-border-fff pr0 pl5 mb10" id="bug-name" type="text" autocomplete="off" ng-model="bugVO.name"
                           required ng-blur="updateBugName()" placeholder="请输入缺陷标题" maxlength="100">
                </div>
                <button ng-class="{true: 'btn btn-xs bug-priority-2 fr', false:'none'}[bugVO.isEdit == false]" ng-click="bugVO.isEdit = true">编辑描述</button>
                <button ng-class="{true: 'btn btn-xs btn-adorn fr', false:'none'}[bugVO.isEdit == true && bugVO.isAdd == false]" type="button" ng-click="updateBugContent();">保存</button>
                <button ng-class="{true: 'btn btn-xs btn-default mr10 fr', false:'none'}[bugVO.isEdit == true]" type="button" ng-click="cancelBugContent();">取消编辑</button>
                <div class="cb"></div>
                <div id="bug-detail-div" ng-bind-html="bugVO.content|trustHtml" ng-class="{true: 'mt10', false:'none'}[bugVO.isEdit == false]"></div>
                <div id="bug-editor" ng-class="{true: 'mt10', false:'none'}[bugVO.isEdit == true]"></div>
            </div>
            <div ui-view="comment" class="f14 BGFFF p20 mt20" ng-if="bugVO.id != null"></div>
        </div>


        <div class="col-xs-5 p20 pl0 mt60">
            <div class="BGFFF p15">
                <div class="fb f14">属性</div>
                <table class="table table-no-border f12 C555">
                    <tr>
                        <td class="w60">项目</td>
                        <td colspan="3">
                            <div type="text" autocomplete="off" ng-bind="bugVO.projectName| cut:true:30:' ...'" readonly></div>
                        </td>
                    </tr>

                    <tr>
                        <td>模块</td>
                        <td class="tl" colspan="3">
                            <button class="btn btn-sm bug-default w b1 tl break-word" type="button" id="moduleId"
                                    crap-name="moduleId" crap-def="{{bugVO.moduleId}}" crap-id="{{bugVO.id}}" crap-pick-param="{{$stateParams.projectId}}"
                                    onclick="loadBugPick(this, event,150,250,'PROJECT_MODULES')">
                                <span id="moduleId-text">{{bugVO.moduleName|cut:true:25:' ..'}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                    </tr>

                    <tr>
                        <td>类型</td>
                        <td>
                            <button class="btn btn-sm bug-default w b1 tl" type="button"
                                    id="type" crap-def="{{bugVO.type}}" crap-name="type" crap-id="{{bugVO.id}}"
                                    onclick="loadBugPick(this, event, 120,180,'BUG_TYPE')">
                                <span id="type-text">{{bugVO.typeStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                        <td class="w60">作者</td>
                        <td>
                            <button class="btn btn-sm bug-default w b1 tl" type="button" ng-if="bugVO.isAdd == false">
                                {{bugVO.creatorStr}}
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>优先级</td>
                        <td>
                            <button class="btn btn-sm bug-priority-{{bugVO.priority}} b1 w tl" crap-name="priority"
                                    id="priority" crap-def="{{bugVO.priority}}" crap-class-pre="bug-priority" crap-id="{{bugVO.id}}"
                                    onclick="loadBugPick(this, event,90,150,'PRIORITY')">
                                <span id="priority-text">{{bugVO.priorityStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                        <td>程度</td>
                        <td>
                            <button class="btn btn-sm bug-severity-{{bugVO.severity}} b1 w tl" crap-name="severity"
                                    id="severity" crap-def="{{bugVO.severity}}" crap-class-pre="bug-severity" crap-id="{{bugVO.id}}"
                                    onclick="loadBugPick(this, event,100,150,'SEVERITY')">
                                <span id="severity-text">{{bugVO.severityStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                    </tr>

                    <tr>
                        <td>执行人</td>
                        <td>
                            <button class="btn btn-sm bug-default b1 w tl" crap-name="executor"
                                    id="executor" crap-def="{{bugVO.executor}}" crap-id="{{bugVO.id}}"
                                    crap-pick-param="{{bugVO.projectId}}"
                                    onclick="loadBugPick(this, event,120,200,'EXECUTOR')">
                                <span id="executor-text">{{bugVO.executorStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                        <td>测试</td>
                        <td>
                            <button class="btn btn-sm bug-default b1 w tl" crap-name="tester"
                                    id="tester" crap-def="{{bugVO.tester}}" crap-id="{{bugVO.id}}"
                                    crap-pick-param="{{bugVO.projectId}}"
                                    onclick="loadBugPick(this, event,120,200,'TESTER')">
                                <span id="tester-text">{{bugVO.testerStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>抄送人</td>
                        <td colspan="3">
                            <button class="btn btn-sm bug-default b1 w tl" crap-name="tracer" crap-id="{{bugVO.id}}"
                                    id="tracer" crap-def="{{bugVO.tracer}}" crap-pick-param="{{bugVO.projectId}}"
                                    onclick="loadBugPick(this, event,120,200,'TRACER')">
                                <span id="tracer-text">{{bugVO.tracerStr}}</span>
                                <i class="iconfont fr CCCC">&#xe614;</i>
                            </button>
                        </td>
                    </tr>
                </table>
            </div>

            <!-- 变更日志 -->
            <div  ui-view="bugLog" ng-if="bugVO.id != null"></div>

        </div>
</div>
<div class="cb"></div>
<!-- TODO 图片点击事件 -->
<div  ui-view="zoomImg"></div>